.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
	
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#ffffff;
      a{
       width: 23%;
       padding:3%;
      }
      a:nth-child(1){
          .px2rem(font-size,50);    
      }
      a:nth-child(2){ 
       flex:1;
         text-align:center;
           .px2rem(font-size,40);    
      }
      a:nth-child(3){
      .px2rem(font-size,50);  
      }
	
}
main{
  margin-top:13%;
  figure{
    background-color:#fff;
    margin-top:2%;
    img{
      width: 100%;

    }
    figcaption{
      p{
     text-align:center;
      padding-top:3%;
      .px2rem(font-size,30);   
        img{
         .px2rem(width,125);
         .px2rem(height,125);
          padding-top:3%;
        }
      }
      p:nth-child(3){
        .px2rem(font-size,50);   
      }
    }
    .pot{
      display: flex;
      padding:5% 0; 
      span{
        padding-top:8%;
        flex:1;
        text-align:center;
         .px2rem(font-size,50);   
         i{
            .px2rem(font-size,30);
            padding:0 5%;   
            color:#ccc;
         }
      }
    }
  }
}